<div class="container">
  <div class="head" style="padding: 0 auto;">
    <button (click)="clickEvent(0)" [ngClass]="{true: 'title choose', false: 'title'}[classstatus[0]]">新候选人</button>
    <button (click)="clickEvent(1)" [ngClass]="{true: 'title choose', false: 'title'}[classstatus[1]]">初试状态</button>
    <button (click)="clickEvent(2)" [ngClass]="{true: 'title choose', false: 'title'}[classstatus[2]]">复试状态</button>
    <button (click)="clickEvent(3)" [ngClass]="{true: 'title choose', false: 'title'}[classstatus[3]]">加试状态</button>
    <button (click)="clickEvent(4)" [ngClass]="{true: 'title choose', false: 'title'}[classstatus[4]]">通过</button>
    <button (click)="clickEvent(5)" [ngClass]="{true: 'title choose', false: 'title'}[classstatus[5]]">淘汰</button>
  </div>


  <div class="mid">
    <div class="mid_left">
      <div   style="width:50px; color: #1890ff;">筛选</div>
      <nz-select nzPlaceHolder="岗位选择" [ngModel]="selectJobId" [nzOptions]="allJobs"  (ngModelChange)="onChangesStatus(1,$event)" ></nz-select>
      <nz-select nzPlaceHolder="招聘类型" [ngModel]="selectApplyType" [nzOptions]="listOfOption2"  (ngModelChange)="onChangesStatus(2,$event)" ></nz-select>
    </div>
    <div class="mid_right">
      <button nz-button nzType="primary" (click)="open(1)" style="margin-right: 15px">新增候选人</button>
    </div>
  </div>


  <nz-table [nzPageSize]=3 nzBordered [nzData]="info" nzTableLayout="fixed">
    <thead>
      <tr>
        <!-- <th nzWidth="5%" style="text-align: center">序号</th> -->
        <th nzWidth="10%" style="text-align: center">姓名</th>
        <th nzWidth="10%" style="text-align: center">学历</th>
        <th nzWidth="10%" style="text-align: center">应聘岗位</th>
        <th nzWidth="10%" style="text-align: center">电话</th>
        <th nzWidth="10%" style="text-align: center">邮箱</th>
        <th nzWidth="10%" style="text-align: center">应聘类型</th>
        <th nzWidth="10%" style="text-align: center">简历</th>
        <th nzWidth="15%" style="text-align: center">操作</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of info">
        <ng-container>
          <td style="text-align: center">{{ data.Resume.Name }}</td>
          <td style="text-align: center">{{ data.Resume.Education }}</td>
          <td style="text-align: center">{{ data.JobName }}</td>
          <td style="text-align: center">{{ data.Resume.Tel }}</td>
          <td style="text-align: center">{{ data.Resume.Email }}</td>
          <td style="text-align: center">
            <span *ngIf="data.Resume.ApplyType==1">校招</span>
            <span *ngIf="data.Resume.ApplyType==2">社招</span>
            <span *ngIf="data.Resume.ApplyType==3">猎头</span>
          </td>
          <td style="text-align: center">{{ data.ResumeFile }}</td>
          <td style="text-align: center">
            <a (click)="open(2, data)">修改</a>
            <nz-divider nzType="vertical"></nz-divider>

            <a *ngIf="data.Resume.ApplyStatus == 1" (click)="showConfirm(2, data)">进入初试</a>
            <nz-divider *ngIf="data.Resume.ApplyStatus == 1" nzType="vertical"></nz-divider>

            <a *ngIf="data.Resume.ApplyStatus == 2" (click)="showConfirm(3, data)">进入复试</a>
            <nz-divider *ngIf="data.Resume.ApplyStatus == 2" nzType="vertical"></nz-divider>

            <a *ngIf="data.Resume.ApplyStatus == 3" (click)="showConfirm(4, data)">进入加试</a>
            <nz-divider *ngIf="data.Resume.ApplyStatus == 3" nzType="vertical"></nz-divider>

            <a *ngIf="data.Resume.ApplyStatus == 4 " (click)="showConfirm(5, data)">通过</a>
            <nz-divider *ngIf="data.Resume.ApplyStatus == 4 " nzType="vertical"></nz-divider>

            <a *ngIf="data.Resume.ApplyStatus == 3 " (click)="showConfirm(5, data)">通过</a>
            <nz-divider *ngIf="data.Resume.ApplyStatus == 3 " nzType="vertical"></nz-divider>
            <a (click)="showConfirm(6, data)">淘汰</a>
            <nz-divider nzType="vertical"></nz-divider>
            <a (click)="showConfirm(7, data)">回拒</a>
          </td>
        </ng-container>
      </tr>
    </tbody>
  </nz-table>
</div>
